*{
	margin:0;padding:0;
	/*background-color:none;*/
}
html,body{
	width:100%;
	height:100%;
}
body{
	background-image: url(img/BackgroundImage1.jpg);
	font-family: "微软雅黑","张海山锐线体简";
}
.fl{
	float:left;
}
.fr{
	float:right;
}
ul{
	list-style: none;
}


	/*全屏切换*/
div.con{
	width:100%;
	height:100%;
	position: relative;
	overflow: hidden;
}
.con .movelogo{
	cursor: pointer;
	width:72px;
	height:140px;
	background-repeat:no-repeat;
	background-position: center;
}
.con .movelogo:hover{
	background-color: rgba(0,0,0,0.3);
}
.con .conleft{
	position: absolute;
	left:0;
	top:50%;
	margin-top:-70px;
	background-image: url(img/l1.png);
}
.con .conleft:hover{
	background-image: url(img/l2.png);
}
.con .conright{
	position: absolute;
	right:0;
	top:50%;
	margin-top:-70px;
	background-image: url(img/r1.png);
}
.con .conright:hover{
	background-image: url(img/r2.png);
}
.con .inner{
	width:6144px;
	height:100%;
	position: absolute;
	transition:all 0.5s;
}
.con .inner li.cutf{
	width:1536px;
	height:100%;
	float:left;
	display: none;
}



	/*首页面*/
 .con .inner .page1 .search{
	width:550px;	
	height:40px;
	border-radius: 4px;
	border:1px solid #53ae2a;
	background-color: white;
	margin: 60px auto 0;
} 
.search .search-logo{
	position: relative;
	cursor:pointer;
	float:left;
	width:40px;
	height:30px;
	margin:5px 0;
	border-right: 1px solid #53ae2a;
}
img#engine{
	margin-top:-2px;
}
.search-logo ul.none_search{
	display: none;
}
.search-logo ul{
	position: absolute;
	width:80px;
	height:120px;
	border-radius:4px;
	border:1px solid #53ae2a;
	background-color: white;
	top:40px;
}
.search-logo ul li{
	border-radius: 4px;
	line-height: 40px;
	font-size: 13px;
	width:100%;
	height:40px;

}
.search-logo ul li:hover{
	background-color: rgba(231,231,231);
}
.search-logo ul li img{
	margin:7px 5px 0px 5px;
	float:left;
	width:30px;
}
	/*首页面----搜索引擎*/
div.search img{
	margin:0 auto;
	width:34px;
}
div.search input{
	float:left;
	width:413px;
	height:100%;
	border:none;
	outline-style: none;
	font-size:15px;
	padding-left:15px;
}
div.search .search-btn{
	cursor:pointer;
	padding-left:10px;
	line-height: 40px;
	float:right;
	width:70px;
	height:100%;
	border-left:1px solid #53ae2a;
}
div.search-btn img{
	width:19px;
	margin:0;
	margin-top:10px;
	margin-right:5px;
	float:left;
}

	/*拖拽*/
ul.drag{
	width:900px;
	margin:100px auto 0;
}
.drag li{
	position:relative;
	cursor:pointer;
	float: left;
	width: 202px;
	height:120px;
	background-image: url(img/adddh.png);
	background-size: 202px 120px;
	margin:10px;
}
.drag li h1{
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
}
.drag li div{
	overflow: hidden;
	display: none;
	margin:0;
	width:100%;
	height:100%;
	position: relative;
}
.drag li img{
	position: absolute;
	top:0;
	left:0;
	margin:0;
	width:202px;
	height:120px;
}
.drag li h2{
	font-size: 12px;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	width:192px;
	height:24px;
	padding-left:10px;
	bottom:-24px;
	transition:all 0.3s;
	color:white;
}
.drag li p{
	float: left;
	line-height: 24px;
	font-weight: 400;
}
.drag li h2 i{
	margin-top:3px;
	margin-right:3px;
	float:right;
	width:14px;
	height:14px;
	background: url(img/close1.png) no-repeat;
	background-position: 0 2px;
}
.drag li div:hover h2{
	bottom:0px;
}
.drag li div.drag_inner{
	display: block;
}
.drag li:hover{
	background-image: url(img/adddh2.png);
}
.drag #max{
	position: absolute;
	width:202px;
	height:102px;
	left:0;
	top:0;
	z-index:9999;
}


.con .inner li.page{
	display: block;
}
.page img{
	display: block;
	margin:50px auto;
}

	/*全屏切换title*/
div.title{
	z-index: 10;
	position: fixed;
	bottom:0;
	height:35px;
	width:100%;
	background-color: #e3e3e3;
	border-top:1px solid rgba(0,0,0,0.2);
	/*position: relative;*/
}
.title ul{
	width:492px;
	height:35px;
	margin:0 auto;
}
.title ul li{
	display: none;
	cursor:pointer;
	color:#727272;
	float:left;
	width:122px;
	height:35px;
	line-height: 35px;
	text-align: center;
}
.title ul li.now{
	color:#328c05;
	background-color: rgba(236,236,236);
	border-bottom:2px solid #328c05;
	height:33px;
}
.title ul li.sh{
	display: block;
}
.title div.add_page{
	cursor:pointer;
	position: absolute;
	top:-1px;
	left:1012px;
	width:40px;
	height:35px;
	border:1px solid rgba(0,0,0,0.1);
	background-image: url(img/add.png);
	background-repeat: no-repeat;
	background-position: center;
}




	/*添加网站*/
div.addsites_bg{
	display: none;
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	z-index:999;
}
div.addsites{
	margin:100px auto 0;
	width:650px;
	height:450px;
	background-color: white;
	border-radius:3px;
}
.addsites .addsites_top{
	width:640px;
	height:38px;
	border-bottom:1px solid #ccc;
	padding-left:10px;
}
.addsites_top p{
	line-height: 38px;	
}
.addsites_top input{
	width:220px;
	height:23px;
	border:1px solid #aaa;
	border-radius: 2px;
	padding:0px 3px;
	margin-top:-2px;
}
.addsites_top i{
	cursor:pointer;
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url(img/icon1.png);
	background-repeat: no-repeat;
	background-position: -43px 0;
	margin:10px 12px 0 0;
}
.addsites ul.title{
	float:left;
	width:143px;
	height:414px;
	border-radius:4px 0 0 4px;
	background-color: #ecf1f7;
}
.addsites ul.title li{
	text-align: center;
	height:37px;
	line-height: 37px;
	color:#516572;
}
.addsites ul.title li.active{
	background-color: #54c11a;
	color:white;
}
.addsites ul.sites{
	float:left;
	border-right:1px solid #ccc;
	width:506px;
	height:450px;
}
.addsites ul.sites li{
	cursor:pointer;
	position: relative;
	float:left;
	width:135px;
	height:82px;
	overflow: hidden;
	margin:18px 0 0 20px;
}
.addsites ul.sites i{
	display: none;
	position: absolute;
	top:0;
	left:0;
	width:29px;
	height:29px;
	background: url(img/tag.png) no-repeat;
}
.addsites ul.sites i.active{
	display: block;
}
.addsites ul.sites img{
	width:153px;
	height:82px;
}
.addsites ul.sites p{
	color:white;
	transition:all 0.3s;
	position: absolute;
	bottom:-22px;
	width:143px;
	font-size: 13px;
	height:22px;
	padding-left:10px;
	background-color: rgba(0,0,0,0.5);
}
.addsites ul.sites li:hover p{
	bottom:0;
}



	/*页面增减*/
div.addbg{
	display: none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	position: fixed;
	top:0;
	left:0;
	z-index:11;
}
.addbg div.addcon{
	width:560px;
	height:238px;
	padding-bottom:20px;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-280px;
	margin-top:-200px;
	background-color: #eff8ff;
	border-radius:6px;
	z-index:10;
	/*padding-top:20px;*/
}
div.close{
	margin-top:10px;
	margin-right:10px;
	width:19px;
	height:19px;
	float:right;
	background-image: url(img/close.png);
	cursor:pointer;
}
div.manage{
	margin-top:20px;
	margin-left:-5px;
	width:122px;
	height:37px;
	background-image: url(img/title.png);
	float:left;
}
div.addcon ul{
	width: 490px;
	height:110px;
	margin-top:100px;
	margin-left:60px;
	overflow: hidden;
}
div.addcon ul li{
	cursor:pointer;
	float:left;
	width:122px;
	height:110px;
	position: relative;
}
div.addcon ul li i{
	width:30px;
	height:29px;
	background-image: url(img/selected.png);
	position: absolute;
	top:0;
	right:51px;
}
div.addcon ul li i.s{
	display: block;
}
div.addcon ul li i.h{
	display: none;
}

	/*切换背景*/
div.bg_img{
	z-index:3;
	width:100%;
	height:200px;
	position: fixed;
	bottom:-200px;
	background-color: white;
	transition:all 0.5s;
}
div.bg_top{
	padding:0 30px;
	height:41px;
	line-height: 41px;
	border-bottom:1px solid #eee;
}
div.bg_top span.fr{
	font-size: 20px;
	margin-right:-15px;
	cursor:pointer;
}
div.allbgimg{
	width:1000px;
	height:90px;
	margin:30px auto;
	position: relative;
	/*overflow: hidden;*/
}
.allbgimg div{
	width:30px;
	height:30px;
	cursor:pointer;
	background-size: 30px 30px;
	background-repeat: no-repeat;
}
.allbgimg div.allimg{
	position: relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
.allbgimg .left{
	background-image: url(img/left.svg);
	position: absolute;
	left:-10%;
	top:30px;
}
.allbgimg .right{
	background-image: url(img/right.svg);
	position: absolute;
	right:-10%;
	top:30px;
}
.allbgimg .left:hover{
	background-image:url(img/left_h.svg);
}
.allbgimg .right:hover{
	background-image:url(img/right_h.svg);
}
.allbgimg ul{
	width:1600px;
	height:90px;
	transition: all 0.5s;
	position: relative;
}
.allbgimg ul li{
	float:left;
	width:160px;
	height:90px;
	margin:0px 15px;
	position: relative;
}
.allbgimg ul li img{
	width:160px;
}
.allbgimg ul li i{
	width:40px;
	height:40px;
	background-image: url(img/checked.svg);
	background-size: 40px 40px;
	position: absolute;
	top:25px;
	left:60px;
	display: none;
}
.allbgimg ul li i.show{
	display: block;
}

	/*更换背景open*/
div.changebg{
	z-index:2;
	position: fixed;
	right:0;
	bottom:36px;
	width:40px;
	height:40px;
	cursor: pointer;
	background-image: url(img/skin_2bac2a1f.png);
	background-position: right -54px;
}
div.changebg:hover{
	background-position: right 0px;
}